<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="../fonts/iconfont.css">
  <link rel="stylesheet" href="../libs/layui/css/layui.css">
  <link rel="stylesheet" href="../css/base.css">
  <link rel="stylesheet" href="../css/student-edit.css">
</head>

<body>
  <h3 id="student-title"></h3>
  <form id="student-edit">
    <div class="input-group">
      <input type="text" placeholder="请输入学生名字" class="student-name">
    </div>

    <div class="input-group">
      <input type="number" placeholder="请输入学生年龄" class="student-age">
    </div>
    <div class="input-group">
      <input type="number" placeholder="请输入学生联系方式" class="student-tel">
    </div>
    <div class="input-group">
      <label class="student-sex">
        男
        <input type="radio" name="student-sex" value="1" checked>
      </label>
      <label class="student-sex">
        女
        <input type="radio" name="student-sex" value="2">
      </label>
    </div>

    <!-- 选择班级 -->
    <div class="input-group">
      <select class="student-class">
        <!-- <option value=""></option> -->
      </select>
    </div>

    <!-- 民族 -->
    <div class="input-group">
      <select class="student-nation">
        <option value="汉族">汉族</option>
        <option value="回族">回族</option>
        <option value="羌族">羌族</option>
        <option value="藏族">藏族</option>
      </select>
    </div>

    <!-- 地址：应该是使用 省市区三级级联 -->
    <div class="input-group">
      <input type="text" placeholder="请输入地址" class="student-address">
    </div>

    <div class="input-group">
      <button type="button" class="layui-btn" id="studentSubmitBtn">提交</button>
    </div>
  </form>

  <script src="../libs/jquery-1.11.1.js"></script>
  <script src="../libs/layui/layui.js"></script>
  <script src="../js/student-edit.js"></script>
</body>

</html>